<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板字符串解析变量</title>
</head>
<body>
  <script>
    let name = '张三';
    //解析变量
    let sayHello = `Hello,my name is ${name}`;
    console.log(sayHello);
    //可以换行
    let person = {
        'id':1,
        'name':'张三',
        'age':18
    }
    let html = `
        <div>
        <span>${person.id}</span>
        <span>${person.name}</span>
        <span>${person.age}</span>
    </div>`
    document.write(html);
    //调用函数
    function fn() {
        return '主播，主播 我问你 谁是世界上最帅的人， 那主播回答 必然是主播自己 因为主播姓彭 名于晏';
    }
    let questionAndAnswer = `${fn()}`;
    console.log(questionAndAnswer);
  </script>
</body>
</html>